草庐IT

DOM 封装

全部标签

不容忽视的八个 DOM API

1、使用addEventListener()方法与options最常用的DOM方法之一是 addEventListener() ,它允许我们将事件监听器附加到元素上。除了事件类型和回调函数之外, addEventListener() 还接受一个 options 对象,允许我们定义其他属性。这些属性包括 capture , once 和 passive 。让我们进一步探讨它们。capturecapture 属性是一个布尔值,用于确定事件处理程序在事件传播阶段中的执行顺序。当 capture 设置为 true 时,在到达目标元素之前,事件会在捕获阶段被捕获。如果设置为 false 或者省略,则事件

Vue中Dom元素跟随鼠标移动

1.**确认跟随鼠标的是一个Dom元素**template>divclass="moveWithMouse">p>div元素p>div>template>stylescoped>.moveWithMouse{position:absolute;left:10px;top:10px;height:300px;width:300px;background-color:red;}style>2.获取X坐标和Y坐标。由于是跟随鼠标所以必须获取鼠标移动时X的坐标和Y的坐标,可以使用window.addEventListener(‘mousemove’,function(ev){})来获取,其中ev.pa

8 君正音频采集的封装

概述        在IPC中,需要将设备端的声音采集后进行编码,然后发送给客户端或者监控平台。君正SDK中的音频功能包括5个模块,分别是:音频输入、音频输出、回声消除、音频编码和音频解码。其中,音频输入和音频输出存在设备(Device)和通道(Channel)的概念。一个MIC被认为是一个录音Device,而一个MIC可以有多路Channel输入。同样的,一个SPK被认为是一个放音Device,而一个SPK也可以有多路Channel输出。在当前版本的音频API中,一个Device只支持一个Channel。        音频codec分为:内部codec和外部codec,内部codec又分为

【Uniapp】封装websocket

1、封装websocket      创建websocket.js文件,文件内容如下classWs{ //初始化 constructor(){ //ws地址 this.wsUrl='ws://'+'自己的地址'; //websocket对象 this.socketTask=null; this.state=false //是否人为关闭 this.isPeopleClose=false; //断线重连机制 this.reconnectInterval=null; //重连时间 this.reconnectTimeOut=5000; //重连次数 this.reconne

Vue2+Element-UI的el-steps封装与修改样式

 -->-->-->-->-->-->exportdefault{name:'StepsComponent',props:{currentStep:{type:Number,default:0},stepsArr:{type:Array,default:()=>[]}},data(){return{stepsData:[{title:'第1步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{title:'第2步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{title:'第3步',date:'完成时间:xxxx-xx-xxxx:xx:xx'},{tit

vue3 封装api接口

新建axiosj.tsimportaxiosfrom'axios';import{showMessage}from"./status";//引入状态码文件import{ElMessage}from'element-plus'//引入el提示框,这个项目里用什么组件库这里引什么//设置接口超时时间axios.defaults.timeout=60000;//请求地址,这里是动态赋值的的环境变量,下一篇会细讲,这里跳过//@ts-ignoreaxios.defaults.baseURL=import.meta.env.VITE_API_DOMAIN;//httprequest拦截器axios.in

axios详解以及完整封装方法

"""一、axios是什么Axios是一个基于promise网络请求库,作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.jshttp模块,而在客户端(浏览端)则使用XMLHttpRequests。axios有以下特性:从浏览器创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防御XSRFaxios可以请求的方法:get:获取数据,请求指定的信息,返回实体对象post:向指定资源提交数据(例如表单提

Cadence Allegro 17.4学习记录开始04-制作封装STM32为例

目录CadenceAllegro17.4学习记录开始04-制作封装STM32为例一、分析封装图片二、制作封装需要的焊盘第一个焊盘:小的引脚焊盘第二个焊盘:中间大的散热焊盘三、制作封装一:使用的软件工具二、制作封装的步骤第一:新建封装第二:设计单位和界面大小,方便原点显示出来第三:放置焊盘第四:放置装配线第五:放置丝印线第六:放置位号字符1、装配位号2、位号3、value第七、1脚标识第八、引脚顺序第九、占地面积第十、器件最大高度第十一、极性标识第十二、原点CadenceAllegro17.4学习记录开始04-制作封装STM32为例一、分析封装图片根据元器件的规格书,找到封装图片,分析资料二、制

基于element UI input组件自行封装“数字区间”输入框组件

问题描述在开发时遇到一个数字区间输入框的需求,如下图:项目使用的是vue,组件库用的是elementUI,但是elementUI并没有提供数字区间组件,只提供了InputNumber计数器输入框,如果用两个计数器输入框进行拼接也能满足需求,但是样式调试起来太过于复杂且不够灵活,不能令人满意,并且该数字区间输入框在其它界面也有这种需求,于是就在elementinput输入框的基础上自行封装了一个数字区间组件使用。实现效果实现效果如下:使用方式如下:input-number-range:disabled="isDisabled":precision="num"v-model="value">/in

WPF鼠标、键盘、拖拽事件、用行为封装事件

WPF鼠标、键盘、拖拽事件、用行为封装事件本文主要介绍了WPF中常用的鼠标事件、键盘事件以及注意事项,同时使用一个案例讲解了拓展事件。除此之外,本文还讲述如何用行为(Behavior)来封装事件。Windows中的事件通过消息机制来完成,也就是Windows系统来捕获用户输入(如鼠标点击、键盘输入),然后Windows发送一个消息给应用程序,应用程序进行具体的处理。在Winform中,窗体中每个控件都是有独立的句柄,也就是每个控件都可以收到Windows系统传来的消息,但是在WPF中,窗体中的控件是没有句柄的,所以只能是窗体进行消息捕获,WPF框架经过处理再传递给相应的控件。这是WPF和Win